/*
 * Copyright 2015-2016 Imply Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import '../../imports';

.home-view {
  @import '../../utils/styles/grid';

  .home-header-bar {
    @include pin-top($header-height);
  }

  .container {
    @include unpin-top($header-height);
    overflow-y: auto;

    .datacubes,
    .collections {
      margin-top: 36px;
      margin-bottom: 20px;
      padding: 0 12%;

      .section-title {
        text-transform: uppercase;
        color: $brand;
        margin-bottom: 10px;
        font-size: 15px;
      }

      .actions {
        margin-top: -7px;
        padding-right: 5px;
        display: none;

        > * {
          cursor: pointer;

          .svg-icon {
            height: 20px;
            padding: 1px 0 0 1px;

            path {
              fill: $brand;
            }
          }

          &:hover {
            .svg-icon path {
              fill: darken($brand, 5);
            }
          }
        }
      }

      .items-container {
        display: flex;
        flex-wrap: wrap;

        .item-card {
          flex: 1 0 auto;
          min-width: 310px;

          &.empty {
            height: 0;
            opacity: 0;
            margin: 0;
            padding: 0;
          }
        }
      }
    }
  }
}
